<!DOCTYPE html>
<html>
  <head>
    <META NAME="viewport" CONTENT="width=device-width, initial-scale=1, user-scalable=no">
    <title>Head Tracker</title>
    <style>
    body{
      margin: 0;
      padding: 0;
    }
    </style>
    <script src="./build/build.js" type="text/javascript" charset="utf-8"></script>
  </head>
  <body>
  </body>
    <script>
      var HeadTracker = require('head-tracker');
      var tracker = new HeadTracker();
      var canvas = document.createElement('canvas');
      canvas.width = 480;
      canvas.height = 360;
      document.body.appendChild(canvas);
      tracker.ctx = canvas.getContext('2d');
      tracker.init();
      tracker.on('ready', function() {
        this.start();
      });
    </script>
</html>